<template>
  <van-swipe
    v-if="banners.length"
    class="my-swipe"
    :autoplay="3000"
    indicator-color="white"
  >
    <van-swipe-item v-for="(item, index) in banners" :key="index">
      <img :src="item.img_url" alt="" />
    </van-swipe-item>
  </van-swipe>
</template>

<script>
export default {
  name: "HomeSwiper",
  setup() {},
  props: {
    banners: Array,
    default() {
      return [];
    },
  },
};
</script>

<style scoped>
  img {
    width: 100%;
    height: auto !important;
  }
</style>
